$(function () {
    layui.use(['laydate', 'form', 'layer', 'jquery'],
        function () {
            $ = layui.jquery;
            let form = layui.form,
                layer = layui.layer;
            let laydate = layui.laydate;
            //执行一个laydate实例
            laydate.render({
                elem: '#birthday', //指定元素
                trigger: 'click'
            });
            let userid = sessionStorage.getItem("user");
            console.log(JSON.parse(userid))
            // 怎么将值传递到页面
            setData(JSON.parse(userid));

//表单赋值
            function setData(data) {
                // form.val('form', {
                //     "username": data.name, // "name": "value"
                //     "id": data.id,
                //     birthday: data.birthday,
                //     sex: data.sex,
                //     email: data.email,
                //     phone: data.phone,
                //     enable: data.enable + ""
                // });
                $("#username").val(data.name);
                $("#id").val(data.id);
                $("#phone").val(data.phone);
                $("#email").val(data.email);
                $("#birthday").val(data.birthday);
                $("#sex").val(data.sex);
                // $("#enable").val(data.enable);
                $("input[type=radio][name=enable][value=" + data.enable + "]").attr("checked", true);
//                有可能data.hobby在数据库里面存的是空，所以需要非空判断
                if (data.hobby != null) {
                    let hobbys = data.hobby.split(",");
                    $("input[type=checkbox][name=hobby]").each(function (index, obj) {
                        for (let i = 0; i < hobbys.length; i++) {
                            if (obj.title == hobbys[i]) {
                                $(obj).attr("checked", true);
                                break;
                            }
                        }
                    })
                }
                form.render();//重新渲染表单
            }

            //自定义验证规则
            form.verify({
                nikename: function (value) {
                    if (value.length < 5) {
                        return '昵称至少得5个字符啊';
                    }
                },
                pass: [/(.+){6,12}$/, '密码必须6到12位'],
                repass: function (value) {
                    if ($('#password').val() != $('#L_repass').val()) {
                        return '两次密码不一致';
                    }
                }
            });

            //监听提交
            form.on('submit(update)',
                function (data) {
                    data = data.field;
                    // 对于复选框应该是一个数组
                    // 怎么遍历html
                    // let hobbys = $("input[type=checkbox][name=hobby]");
                    // for (let i = 0; i < hobbys.length; i++) {
                    //     // hobbys[i].title
                    //     console.log(hobbys[i].title)
                    // }
                    let hobby = [];
                    $("input[type=checkbox][name=hobby]:checked").each(function (index, d) {
                        // console.log(d.title);
                        hobby.push(d.title);
                    })
                    data.hobby = hobby.toString();
                    data.loginName = sessionStorage.getItem("username");
                    console.log(data);
                    let res = ajax('/back/user/update', data, 'post');
                    if (res.count > 0) {
                        layer.alert("编辑成功", {
                                icon: 6
                            },
                            function () {
                                //关闭当前frame
                                xadmin.close();

                                // 可以对父窗口进行刷新
                                xadmin.father_reload();
                            });
                    } else {
                        layer.alert("编辑失败");
                    }
                    //发异步，把数据提交给java

                    return false;
                });

        });
})